<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../static/dist/css/index.css">
    <link rel="stylesheet" href="../static/dist/css/clear.css">
    <link rel="stylesheet" href="../static/dist/css/seat_selection.css">
    <link rel="stylesheet" href="../static/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../static/dist/css/mynav.css">
    <title>选座页面</title>
<!--    <link rel="icon" href="../static/dist/img/title-lolg.png">-->

</head>

<body>



<div class="container-fluid " >
    <div class="row">
        <nav class="navbar navbar-expand-md fixed-top" role="navigation">
            <div class="container container-lk">
                <div class="navbar-header">
                    <a class="navbar-brand" href="home.html"><img src="../static/dist/img/logo2.jpg" alt=""></a>
                    <button class="navbar-btn dropdown-toggle" onclick="pop()">
                        <i style="font-size:24px;color: white" class="fa">
                            &#xf0c9
                        </i>
                        <p>菜单</p>
                    </button>
                </div>
                <div id="sid" class="sidebar">
                    <button onclick="remove()"><img src="../static/dist/img/delete.png" alt=""></button>
                </div>


                <div class="input-group navbar-left">
                    <!--                    <span class="input-group-addon dropdown">-->
                    <!--                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">-->
                    <!--                                所有 <b class="caret"></b>-->
                    <!--                            </a>-->
                    <!--                            <ul class="dropdown-menu">-->
                    <!--                                <li><a href="#">所有</a></li>-->
                    <!--                                <li><a href="#">类型</a></li>-->
                    <!--                                <li class="divider"></li>-->
                    <!--                                <li><a href="#">设置</a></li>-->
                    <!--                                <li class="divider"></li>-->
                    <!--                                <li><a href="#">退出登录</a></li>-->
                    <!--                            </ul>-->
                    <!--                    </span>-->
                    <input type="text" class="form-control" placeholder="请输入要搜索的内容" aria-label="Amount (to the nearest dollar)">
                    <span class="input-group-addon btn btn-primary"><i class="fa fa-search"></i></span>
                </div>
                <div class="collapse navbar-collapse" id="example-navbar-collapse">
                    <ul class="nav navbar-nav navbar-right " onmouseout="leave()">
                        <li><a href="home.html">首页</a></li>
                        <li><a href="#">电影</a></li>
                        <li><a href="#">榜单</a></li>
                        <li><a href="login.html" >登录|注册</a></li>

                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                                我的 <b class="caret"></b>
                            </a>
                            <ul class="dropdown-menu" style="background-color: #080E1C">
                                <li><a href="personal.html">个人中心</a></li>
                                <li><a href="personal_order.html">我的订单</a></li>
                                <li class="divider"></li>
                                <li><a href="personal_settings.html">设置</a></li>
                                <li class="divider"></li>
                                <li><a href="#">退出登录</a></li>
                            </ul>
                        </li>
                        <li>
                            <img class="picture" src="../static/dist/img/30.jpg">
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </div>
</div>



    <!-- 页面主体 -->
    <div class="container">
        <div class="nav-img"></div>
        <div class="main">
            <div class="seats-container">
                <div class="seatkinds">
                    <ul>
                        <li class="seatskind-model">
                            <img src="../static/dist/img/seat.png" alt="">可选座位
                        </li>
                        <li class="seatskind-model">
                            <img src="../static/dist/img/seatdisable.png" alt="">已售座位
                        </li>
                        <li class="seatskind-model">
                            <img src="../static/dist/img/seat-readly.png" alt="">已选座位
                        </li>
                    </ul>
                </div>
                <div class="screen"></div>
                <div class="seats-body">
                    <div class="seatnum">
                        <ul>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                            <li>6</li>
                            <li>7</li>
                            <li>8</li>
                            <li>9</li>
                        </ul>
                    </div>
                    <div class="seats" >
                        <ul class="lie">
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                        </ul>

                        <ul class="lie">
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                        </ul>

                        <ul class="lie">
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                        </ul>

                        <ul class="lie">
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                        </ul>

                        <ul class="lie">
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                        </ul>

                        <ul class="lie">
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                            <li class="hang"><img src="../static/dist/img/seat.png" alt="" class="seatimg"></li>
                        </ul>



                    </div>
                </div>
            </div>
            <div class="data">
                <div class="movie-data">
                    <img src="../static/dist/img/hope1.png" alt="" id="movieimg">
                    <div class="text">
                        <p id="moviename">姜子牙</p>
                        <p>类型: <span id="moviekind">动画 奇幻</span></p>
                        <p>时长: <span class="time">123分钟</span></p>
                    </div>
                </div>
                <div class="cinema-data">
                    <p>影院: <span id="cinemaname">承光国际影城</span></p>
                    <p>影厅: <span>5号激光影厅</span></p>
                    <p>版本: <span>中文3D</span></p>
                    <p>场次: <span class="active">今天下午 13:15</span></p>
                    <p>票价: <span>¥66/张</span></p>
                </div>
                <div class="price">
                    <p>座位</p>
                    <div id="seatmini">
                        <p id="tips">点击左侧座位选择</p>
                    </div>
                </div>
                <div class="countmoney">
                    <span>总价:</span>
                    <span>¥
                        <span id="pricemonry">0</span>
                    </span>
                </div>
<!--                <div class="user-data">-->
<!--                    <p>手机号：<span>189****4684</span></p>-->
<!--                    <a href="#" id="givemoney">确认选座</a>-->
                <a href="pay.html"><button >确认选座</button>
                </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 页面底部 -->
<!--    <div class="footer" style="visibility: visible;">-->
<!--        <p class="friendly-links">-->
<!--            关于猫眼 :-->
<!--            <a href="#" target="_blank">关于我们</a>-->
<!--            <span></span>-->
<!--            <a href="#" target="_blank">管理团队</a>-->
<!--            <span></span>-->
<!--            <a href="#" target="_blank">投资者关系</a>-->
<!--            <a href="#" data-query="utm_source=wwwmaoyan" target="_blank">美团网</a>-->
<!--            <span></span>-->
<!--            <a href="#" data-query="utm_source=wwwmaoyan">格瓦拉</a>-->
<!--            <span></span>-->
<!--            <a href="#" data-query="utm_source=wwwmaoyan" target="_blank">美团下载</a>-->
<!--            <span></span>-->
<!--            <a href="#" data-query="utm_source=maoyan_pc" target="_blank">欢喜首映</a>-->
<!--        </p>-->
<!--        <p class="friendly-links">-->
<!--            商务合作邮箱：v@maoyan.com 客服电话：10105335 违法和不良信息举报电话：4006018900-->
<!--        </p>-->
<!--        <p class="friendly-links">-->
<!--            用户投诉邮箱：tousujubao@meituan.com 舞弊线索举报邮箱：wubijubao@maoyan.com-->
<!--        </p>-->
<!--        <p class="friendly-links  credentials">-->
<!--            <a href="#" target="_blank">中华人民共和国增值电信业务经营许可证 京B2-20190350</a>-->
<!--            <span></span>-->
<!--            <a href="#" target="_blank">营业性演出许可证 京演（机构）（2019）4094号</a>-->
<!--        </p>-->
<!--        <p class="friendly-links  credentials">-->
<!--            <a href="#" target="_blank">广播电视节目制作经营许可证 （京）字第08478号</a>-->
<!--            <span></span>-->
<!--            <a href="#" target="_blank">网络文化经营许可证 京网文（2019）3837-369号 </a>-->
<!--        </p>-->
<!--        <p class="friendly-links  credentials">-->
<!--            <a href="#" target="_blank">猫眼用户服务协议 </a>-->
<!--            <span></span>-->
<!--            <a href="#" target="_blank">猫眼平台交易规则总则 </a>-->
<!--            <span></span>-->
<!--            <a href="#" target="_blank">隐私政策 </a>-->
<!--        </p>-->
<!--        <p class="friendly-links  credentials">-->
<!--            <a href="" target="_blank">京公网安备-->
<!--            11010102003232号</a>-->
<!--            <span></span>-->
<!--            <a href="#/" target="_blank">京ICP备16022489号</a>-->
<!--        </p>-->
<!--        <p>北京猫眼文化传媒有限公司</p>-->
<!--        <p>-->
<!--            ©<span class="my-footer-year">2020</span> </p>-->
<!--        <div class="certificate">-->
<!--            <a href="#" target="_blank">-->
<!--                <img src="http://p0.meituan.net/moviemachine/e54374ccf134d1f7b2c5b075a74fca525326.png">-->
<!--            </a>-->
<!--            <a href="#" target="_blank">-->
<!--                <img src="http://p1.meituan.net/moviemachine/805f605d5cf1b1a02a4e3a5e29df003b8376.png">-->
<!--            </a>-->
<!--            <a href="h#" target="_blank">-->
<!--                <img src="http://p0.meituan.net/scarlett/3cd2a9b7dc179531d20d27a5fd686e783787.png">-->
<!--            </a>-->
<!--        </div>-->
<!--    </div>-->

<script src="../static/plugins/jquery/jquery-3.5.1.js"></script>
<script src="../static/plugins/bootstrap/js/bootstrap.js"></script>
<script src="../static/dist/js/mynav.js"></script>
</body>

</html>